<html>
    <head>
        <title>Crear Orden de Flete</title>
		  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
        <script type="text/javascript" src="../js/jquery-1.5.2.js"></script>
		  <script type="text/javascript" src="../js/jquery-ui-1.8.14.custom.min.js"></script>
        <script type='text/javascript' src='../js/jquery.autocomplete.js'></script> 
        <script type="text/javascript" src="../js/jquery.validate.js"></script>
        <script type='text/javascript' src='../js/funciones_js.js'></script>
		  <link type="text/css" href="../css/start/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />
		  <!--<link type="text/css" href="../css/demos.css" rel="Stylesheet" />-->
		  <!--<link rel="stylesheet" type="text/css" href="../css/thickbox.css" />-->
        <link rel="stylesheet" type="text/css" href="../css/plantilla.css" />
		  <link rel="stylesheet" type="text/css" href="../css/jquery.autocomplete.css" />
		  <link rel="stylesheet" type="text/css" href="../css/tabla.css" />
        <script type="text/javascript">
        
            
        $(document).ready(function(){
				
			  $("#Agregar,#Terminar,#Editar,#Cancelar").button();
			  $('#fecha').datepicker({
					dateFormat: "dd-mm-yy"
				});

				//autocompletar ajax
            $("#rut_consignatario").autocomplete("auto_rut_consignatario.php",{
						
						minChars: 0,
						width: 310,
						matchContains: "word",
						autoFill: false,
						selectFirst: false
					
				});
                
            //resultado autocompletar
            $("#rut_consignatario").result(function(event, data){
				  
				  var rutUnido = data[0];
				  var rut = rutUnido.split("[");
					
				  $("#rut_consignatario").val(rut[0].trim());
              $("#nombre_consignatario").val(data[1]);
				  $("#apellido_consignatario").val(data[2]);
              $("#telefono_consignatario").val(data[3]);
              $("#direccion_consignatario").val(data[4]);
				  $("#numero_direccion_consignatario").val(data[5]);
				  $("#depto_consignatario").val(data[6]);
              $("#id_comuna_consignatario").val(data[7]);
				  $("#comuna_consignatario").val(data[8]);
				  $("#contacto_consignatario").val(data[9]);
              $("#correo_consignatario").val(data[10]);
                    
            });
                
					 
                //autocompletar ajax consiganatario o destinatario
				$("#nombre_consignatario").autocomplete("auto_nombre_consignatario.php",{
				  
					  minChars: 0,
					  width: 310,
					  matchContains: "word",
					  autoFill: false,
					  selectFirst: false
				  
				});
                
                //resultado autocompletar
				$("#nombre_consignatario").result(function(event, data){
		
                  var nombreUnido = data[0];
					   var nombre = nombreUnido.split(",");
					
						$("#rut_consignatario").val(data[1]);
                  $("#nombre_consignatario").val(nombre[0].trim());
						$("#apellido_consignatario").val(data[2]);
                  $("#telefono_consignatario").val(data[3]);
                  $("#direccion_consignatario").val(data[4]);
						$("#numero_direccion_consignatario").val(data[5]);
						$("#depto_consignatario").val(data[6]);
                  $("#id_comuna_consignatario").val(data[7]);
						$("#comuna_consignatario").val(data[8]);
						$("#contacto_consignatario").val(data[9]);
                  $("#correo_consignatario").val(data[10]);
			
            });
                
            //Agrega una nueva funcion de validacion
            $.validator.addMethod("validaRutRemitente",function(value){
                    
                   var objeto = document.getElementById("rut_remitente");
                   return Valida_Rut(objeto);
                
            },"El Rut ingresado no es valido");
					 
					 //Agrega una nueva funcion de validacion
            $.validator.addMethod("validaRutConsignatario",function(value){ 
                    
                   var objeto = document.getElementById("rut_consignatario");
                   return Valida_Rut(objeto);
                
            },"El Rut ingresado no es valido");
                
            //Agrega una nueva funcion de validacion, para validar si las cajas y sobres estan vacios
            $.validator.addMethod("validaCantidad",function(value){
                    
					 var ruta = document.getElementById("ruta").value;
						  
                    if(ruta <= 0 )
                        return false;
                    else
                        return true;
            },"La cantidad ingresada no es valida");
               
               
            // Valida los input del formulario
            $("#formulario").validate({
						
					 onfocusout: false,
                    
                rules: {
					 			
						fecha:{
					 		required:true
					 		},
					 		
						rut_consignatario:{
						                required:false,
						                validaRutConsignatario: true   
						            },
					 		
						nombre_consignatario: "required",
								
					 		//apellido_consignatario: "required",
						            
						telefono_consignatario:{
						                required:false,
						                digits:true
						            },
						            
						direccion_consignatario: "required",
					 		
						numero_direccion_consignatario: {
					 			required : true,
					 			digits: true
					 		},
					 		
						depto_consignatario: {
					 			required: false
					 		},
						            
						comuna_consignatario:"required",
						            
						contacto_consignatario: "required",
							
						correo:{
								required: false,
								email: true
							},
									 
						num_orden:{  
										required:false,
										number:true
									  },
                            
							
						cobranza: {
                                required: true,
                                number: true,
                                validaCantidad: true
                            }
                            
                            
                },
                    
                messages:{
					  
						fecha: "Debe ingresar fecha",
                  nombre_remitente: "Debe ingresar el nombre",
                  rut_remitente: "Debe ingresar el rut",
                  telefono_remitente: "Debe ingresar telefono",
                  direccion_remitente: "Debe ingresar direccion",
                  comuna_remitente: "Debe ingresar comuna",
                  contacto_remitente: "Debe ingresar contacto",
						rut_consignatario: "Debe ingresar el rut",
						nombre_consignatario: "Debe ingresar el nombre",
						apellido_consignatario: "Debe ingresar el apellido",
                  telefono_consignatario: "Debe ingresar telefono",
                  direccion_consignatario: "Debe ingresar direccion",
						numero_direccion_consignatario: "Debe ingresar direccion",
                  comuna_consignatario: "Debe ingresar comuna",
                  contacto_consignatario: "Debe ingresar contacto",
						correo_consignatario: "Debe ingresar un correo valido",
						num_comprobante:"Debe ingresar numeros"
						
                }
                       
            });
                
            //funcion para formatear rut
            $("#rut_consignatario").change(function(){
                    
                    var rut = $("#rut_consignatario").val();
                    $("#rut_consignatario").val(Formato_Rut(rut));
                
            });
				
				$("#Editar").click(function(){
				  
				  window.location.href="crear_comprobante_cobranza.php?Edit=true"; 
				
				});
				
				$("#Cancelar").click(function(){
				  
				    window.location.href="crear_comprobante_cobranza.php?Cancel=true"; 
				
				});
				
				//Evento del boton terminar
				$('#Terminar').click(function()
				{
			  	  
					 confirma("?Esta seguro de continuar?","Confirmaci?n",function(resultado){
					   if(resultado){
			    		  document.location.href = "proceso_orden_flete_cobranza.php";
					   }
					 });
				});
		  
		      $("#id_comuna_consignatario").change(function(){
			   
	
				    $('#comuna_consignatario').val($('#id_comuna_consignatario option:selected').html());
			   
				});
				
				$("#formulario").submit(function(){
				  
					 $.ajax({
                
						  url: "introduce_orden_proceso_cobranza.php",
						  data: $('#formulario').serialize(),
						  type: "POST",
						  success: function(data){
							   // $('#mensaje').html(data);
							   alerta(data,"Atenci?n");
							   mostrar();
						  }
					 });
				});
				
				return false;
		  });
		  
		 
		  
		  //Muestra carrito de orden
		  function mostrar(){
	  
		 	 $.ajax({
                url: 'ver_carrito_orden_cobranza.php',
                data: '',
                type: 'POST',
                success: function(data){
                    
                    $('#mensaje').html(data);
                    
                }
          });
      
		  }
		
		  //Elimina producto del carrito
		  function eliminar(id){
        
		    $.ajax({
                url: 'eliminar_orden_carrito_cobranza.php',
                data: 'id='+id,
                type: 'POST',
                success: function(data){
					     alerta("Orden eliminada correctamente.","Atenci?n");
                    mostrar();
                    //$('#mensaje').html(data);
                }
			 });
		  }
		  
	
		  
		  
        </script>
</head>
<body>
   <div id="content">    
  <form autocomplete="off" onsubmit="return false;" name="formulario" id="formulario">
		<br />
		<!--TITULO-->
		<div id="titulo_seccion">
		<fieldset>
		  <table>
			<tr>
			  <td>
			 <font> Ingreso de Cobranzas: Registro de Ordenes de Flete</font>
			  </td>
			  <td align="right">
			  <input type="submit" value="Agregar" id="Agregar" name="Agregar" >
				<input type="hidden" value="Ingresar" id="Ingresar" name="Ingresar" value="Ingresar" >
			  <input type="button" name="Terminar" id="Terminar" value="Terminar" >
			  <input type="button" name="Editar" id="Editar" value="Editar Comprobante" >
			  <input type="button" name="Cancelar" id="Cancelar" value="Cancelar" >
			  </td>
			</tr>
		  </table>
		</fieldset>
		</div>
		
		<!--FORMULARIO Datos Remitente-->
		<fieldset>
		  <legend>Datos Cliente</legend>
		  <?php echo "<label class=normal>CODIGO:</label>" . $_SESSION['datos_comprobante_cobranza']['id_remitente']; ?>
		  <input type="hidden" id="id_remitente" name="id_remitente" value="<?php echo $_SESSION['datos_comprobante_cobranza']['id_remitente']; ?>" /> 
		  <?php echo "<label class=normal>NOMBRE:</label>" . $_SESSION['datos_comprobante_cobranza']['nombre_remitente']; ?>
		  <input type="hidden" name="nombre_remitente" id="nombre_remitente" value="<?php echo $_SESSION['datos_comprobante_cobranza']['nombre_remitente']; ?>"  />	  
		  <?php echo "<label class=normal>RUT:</label>" . $_SESSION['datos_comprobante_cobranza']['rut_remitente']; ?>
		  <input type="hidden" id="rut_remitente" name="rut_remitente" value="<?php echo $_SESSION['datos_comprobante_cobranza']['rut_remitente']; ?>"/>
		  <input type="hidden" id="id_departamento" name="id_departamento" value="<?php echo $_SESSION['datos_comprobante_cobranza']['id_departamento']; ?>"/>
		   <?php echo "<label class=normal>Comuna Origen: </label>" . $_SESSION['datos_comprobante_cobranza']['comuna_origen']; ?>
		  <input type="hidden" id="id_comuna_origen" name="id_comuna_remitente" value="<?php echo $_SESSION['datos_comprobante_cobranza']['id_comuna_origen']; ?>"/>
		</fieldset>
		
		
		<table>
		  <tr>
		  <td>
			 
		  <!--FORMULARIO Datos consignatario-->
		  <fieldset style="height:340px;">
		  <legend>Datos Consignatario</legend>
			 <table>
				<tr>
				<td><label class="formulario">Fecha de Ingreso:</label></td><td><input type="text" id="fecha" name="fecha" readonly="readonly" ></td>
				</tr><tr>
				<td><label class="formulario">Rut:</label></td><td><input class="texto_normal" type="text" id="rut_consignatario" name="rut_consignatario" ></td>
				</tr><tr>
				<td><label class="formulario">*Nombre o Razon Social:</label></td><td><input class="texto_normal" type="text" name="nombre_consignatario" id="nombre_consignatario" ></td>
				</tr><tr>
				<td><label class="formulario">Apellido:</label></td><td><input class="texto_normal" type="text" name="apellido_consignatario" id="apellido_consignatario" ></td>
				</tr><tr>
				<td><label class="formulario">Telefono:</label></td><td><input class="texto_normal" type="text" name="telefono_consignatario" id="telefono_consignatario" ></td>
				</tr><tr>
				<td><label class="formulario" >*Calle Avenida o Pasaje: </label></td><td><input class="texto_large" type="text" name="direccion_consignatario" id="direccion_consignatario" ></td>
				</tr><tr>
				<td><label class="formulario">*Numero:</label></td><td><input type="text" class="texto_normal" name="numero_direccion_consignatario" id="numero_direccion_consignatario" ></td>
				</tr><tr>
				<td><label class="formulario">Depto:</label></td><td><input type="text" class="texto_normal" name="depto_consignatario" id="depto_consignatario" ></td>
				</tr><tr>
				<td><label class="formulario">*Comuna:</label></td>
				<td><select name="id_comuna_consignatario" id="id_comuna_consignatario">
			 	  <option></option>
			 		<?php
			 		conectar();
			 		optionComunas();
			 		pg_close();
			 		?>
			 	  </select>
			 	  <input type="hidden" name="comuna_consignatario" id="comuna_consignatario"/>
				</td>
				</tr><tr>
				<td><label class="formulario">Contacto:</label></td><td><input type="text" class="texto_normal" name="contacto_consignatario" id="contacto_consignatario" ></td>
				</tr><tr>
				<td><label class="formulario">Correo: </label></td><td><input type="text" class="texto_large" name="correo_consignatario" id="correo_consignatario" ></td>
				</tr>
			 </table>
				
		  </td>
		  </tr>
		</table>
  </form>
  
  <fieldset>
	<legend>Ordenes ingresadas</legend>
    <div id="mensaje">
       <script>mostrar();</script>
    </div>
  </fieldset>
  
  </div>
   </body>
</html>